<template>
  <div>
    <c-title :hide="false" text="商户信息"></c-title>
    <div class="commercial">
      <div class="store-name">{{ storeDetail.store_name }}</div>
      <div class="title">营业时间</div>
      <div class="store-text">{{ workTime }} {{ storeDetail.work_start_time_str }}-{{ storeDetail.work_end_time_str }}</div>
      <div class="title">商家简介</div>
      <div class="store-text">{{ storeDetail.store_desc }}</div>
      <div class="title">商家资质</div>
      <div class="flex-a-c flex-j-sb store-pics">
        <block v-for="(item, index) in storeDetail.store_pics" :key="index">
          <img :src="item" />
        </block>
      </div>
    </div>
  </div>
</template>
<script>
import commercial_controller from "./commercial_controller.js";
export default commercial_controller;
</script>
<style lang="scss" scoped>
.commercial {
  margin: 1.25rem 0.625rem 0 0.625rem;
  padding: 0.9688rem 0.8125rem 0.9688rem 0.7813rem;
  background-color: #fff;
}

.store-text {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 1.4063rem;
  line-height: 1.5rem;
  text-align: left;
}

.store-name {
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 1.4063rem;
  text-align: left;
}

.title {
  font-size: 0.9375rem;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
  text-align: left;
}

.store-pics {
  flex-wrap: wrap;

  img {
    width: 9.9688rem;
    height: 6.625rem;
    background: #666;
    border-radius: 0.125rem;
  }
}
</style>
